jQuery(document).ready(function(){
	jQuery('.btn_comment').click(function(){
        var counter = jQuery('.comment_counter');
        var val = parseInt(counter.text());
        val++;
        jQuery('.comment_counter').css({opacity: 0});
        jQuery('.comment_counter').text(val);
        jQuery('.comment_counter').css({top: '-10px'});
        jQuery('.comment_counter').animate({top: '-2px', opacity: 1});
    });
    jQuery('.btn_like').click(function(){
        var counter = jQuery('.like_counter');
        var val = parseInt(counter.text());
        val++;
        jQuery('.like_counter').css({opacity: 0});
        jQuery('.like_counter').text(val);
        jQuery('.like_counter').css({top: '-10px'});
        jQuery('.like_counter').animate({top: '-2px', opacity: 1});
    });
    jQuery('.btn_image').click(function(){
        var counter = jQuery('.image_counter');
        var val = parseInt(counter.text());
        val++;
        jQuery('.image_counter').css({opacity: 0});
        jQuery('.image_counter').text(val);
        jQuery('.image_counter').css({top: '-10px'});
        jQuery('.image_counter').animate({top: '-2px', opacity: 1});
    });
    //khi nhan dc message tu sever
       wsocket.onmessage = function(ev) {
        var msg = JSON.parse(ev.data); //chuyen chuoi JSON thanh doi tuong JSON
        var type = msg.type; //kieu message
        var user_id =msg.receiver_id;
        if(type == 'like') //neu la message cua user
        {
            jQuery.ajax({
                type: "POST",
                url: ulike_obj.ajaxurl,
                data: {
                    action: "get_like_counter",
                    receiver_id: user_id,
                    notification_type:'like',
                },
                success: function(data) {
                    var json = JSON.parse(data);
                    var counter=json.counter;
                    alert(data);
                    jQuery('.like_counter').css({opacity: 0});
                    jQuery('.like_counter').text(counter);
                    jQuery('.like_counter').css({top: '-10px'});
                    jQuery('.like_counter').animate({top: '-2px', opacity: 1});
                    }
            });
           
        }
        if(type == 'comment') //neu la message cua he thong
        {
             jQuery('.comment_counter').css({opacity: 0});
            jQuery('.comment_counter').text(counter);
            jQuery('.comment_counter').css({top: '-10px'});
            jQuery('.comment_counter').animate({top: '-2px', opacity: 1});
        }
         if(type == 'image') //neu la message cua he thong
        {
            jQuery('.image_counter').css({opacity: 0});
            jQuery('.image_counter').text(counter);
            jQuery('.image_counter').css({top: '-10px'});
            jQuery('.image_counter').animate({top: '-2px', opacity: 1});
        }
         if(type == 'message') //neu la message cua he thong
        {
            jQuery('.image_counter').css({opacity: 0});
            jQuery('.image_counter').text(counter);
            jQuery('.image_counter').css({top: '-10px'});
            jQuery('.image_counter').animate({top: '-2px', opacity: 1});
        }
    };
});

//socket javascript
// jQuery(document).ready(function(){
//     //tao doi tuong websocket
//     var wsUri = "ws://localhost:9000/server.php";   
//     wsocket = new WebSocket(wsUri); 
    
//     //khi ket noi duoc mo
//     wsocket.onopen = function(ev) {
//         jQuery('#msgbox').append("<div class='msgsys'>Đã kết nối</div>");
//     }

//     jQuery('#message').keypress(function(e) {
//         if (e.keyCode == 13 ) {
//             jQuery('#sendbtn').click();
//         }
//     })

//     jQuery('#sendbtn').click(function(){
//         var msg = jQuery('#message').val(); 
        
//         if(msg == ""){ //chua nhap message
//             alert("Vui lòng nhập thông điệp");
//             return;
//         }
        
//         //tao doi tuong JSON
//         var msg = {
//             message: msg,
//             name: name,
//         };
//         //gui chuoi json len server
//         wsocket.send(JSON.stringify(msg));
//         jQuery('#message').val(''); //reset text
//     });
    
//     //khi nhan dc message tu sever
//        wsocket.onmessage = function(ev) {
//         var msg = JSON.parse(ev.data); //chuyen chuoi JSON thanh doi tuong JSON
//         var type = msg.type; //kieu message
//         var counter=msg.counter;
//         var umsg = msg.message; //message
//         var uname = msg.name; //ten
//         var time = msg.time;

//         if(type == 'like') //neu la message cua user
//         {
//             jQuery('.comment_counter').css({opacity: 0});
//             jQuery('.comment_counter').text(counter);
//             jQuery('.comment_counter').css({top: '-10px'});
//             jQuery('.comment_counter').animate({top: '-2px', opacity: 1});
//         }
//         if(type == 'comment') //neu la message cua he thong
//         {
//             jQuery('.like_counter').css({opacity: 0});
//             jQuery('.like_counter').text(counter);
//             jQuery('.like_counter').css({top: '-10px'});
//             jQuery('.like_counter').animate({top: '-2px', opacity: 1});
//         }
//          if(type == 'image') //neu la message cua he thong
//         {
//             jQuery('.image_counter').css({opacity: 0});
//             jQuery('.image_counter').text(counter);
//             jQuery('.image_counter').css({top: '-10px'});
//             jQuery('.image_counter').animate({top: '-2px', opacity: 1});
//         }
//          if(type == 'message') //neu la message cua he thong
//         {
//             jQuery('.image_counter').css({opacity: 0});
//             jQuery('.image_counter').text(counter);
//             jQuery('.image_counter').css({top: '-10px'});
//             jQuery('.image_counter').animate({top: '-2px', opacity: 1});
//         }
//     };
//     wsocket.onerror   = function(ev){alert(ev.data);}; 
//     wsocket.onclose   = function(ev){jQuery('#msgbox').append("<div class='msgsys'>Ngat ket noi</div>");}; 
// });
jQuery(document).ready(function(){
    //tao doi tuong websocket
    // var wsUri = "ws://localhost:9070/server.php";   
    // wsocket = new WebSocket(wsUri); 
    
    // //khi ket noi duoc mo
    // wsocket.onopen = function(ev) {
    //     jQuery('#msgbox').append("<div class='msgsys'>Đã kết nối</div>");
    // }

    // jQuery('#message').keypress(function(e) {
    //     if (e.keyCode == 13 ) {
    //         jQuery('#sendbtn').click();
    //     }
    // })

    // jQuery('#sendbtn').click(function(){
    //     var msg = jQuery('#message').val(); 
        
    //     if(msg == ""){ //chua nhap message
    //         alert("Vui lòng nhập thông điệp");
    //         return;
    //     }
        
    //     //tao doi tuong JSON
    //     var msg = {
    //         message: msg,
    //         name: name,
    //     };
    //     //gui chuoi json len server
    //     wsocket.send(JSON.stringify(msg));
    //     jQuery('#message').val(''); //reset text
    // });
    
    // //khi nhan dc message tu sever
    // wsocket.onmessage = function(ev) {
    //     var msg = JSON.parse(ev.data); //chuyen chuoi JSON thanh doi tuong JSON
    //     var type = msg.type; //kieu message
    //     var umsg = msg.message; //message
    //     var uname = msg.name; //ten
    //     var time = msg.time;

    //     if(type == 'usermsg') //neu la message cua user
    //     {
    //         jQuery('#msgbox').append("<div><span>"+time+"</span> | <span class='user_name'>"+uname+"</span> : <span class='user_message'>"+umsg+"</span></div>");
    //     }
    //     if(type == 'system') //neu la message cua he thong
    //     {
    //         jQuery('#msgbox').append("<div class='msgsys'>"+umsg+"</div>");
    //     }
        
    //     //jQuery('#msgbox').scrollTop(jQuery('#msgbox')[0].scrollHeight);
    // };
    
    // wsocket.onerror   = function(ev){jQuery('#msgbox').append("<div class='errorsys'>Co loi xay ra - "+ev.data+"</div>");}; 
    // wsocket.onclose   = function(ev){jQuery('#msgbox').append("<div class='msgsys'>Ngat ket noi</div>");}; 
});